{extend name="common/main"}

{block name="head"}

{include file="common/head"}

{/block}

{block name="content"}

<link href="__STATIC__/home/css/news.css" rel="stylesheet" type="text/css" />

<div class="contentmain"> 
  <!--tile-->
  <div class="tszl_title">
    <h3>当前位置：<a href="{:url('home/index/index')}">首页</a><span>></span>学习课件</h3>
  </div>
  <div class="sub_con">
    <div class="tszl_sub"> <span class="tszl_big">学习课件</span><span class="tszl_small">LEARNING COURSEWARE</span> </div>
    <div class="article_sub_list" >
      {volist name="coCates" id="vo"  empty=""}
      {eq name="cid" value="$vo.id"}
        <li class="act">
        <a href="javascript:void(0);">
      {else /}
        <li>
        <a href="{:url('home/courseware/index', ['cid' => $vo['id']])}">
      {/eq}
        <h4>{$vo.catname}</h4>
        </a>
      </li>
      {/volist}
    </div>
    <div class="new_list">
      <ul>
        {volist name="list" id="vo" offset="0" length="" empty="暂无数据"}
        <a href="javascript:;" class="pp" data-m="courseware" data-id="{$vo.id}" data-cid="{$vo.catid}">
        <li>
          <div class="new_pic Fleft"><img src="{$vo.thumb}"></div>
          <div class="new_font Fright">
            <h3>{$vo.title}</h3>
            <p class="new_text">{$vo.desc}</p>
            <p class="new_time">{$vo.createtime|date='Y-m-d', ###}</p>
          </div>
        </li>
        </a>
        {/volist}
      </ul>
    </div>
    <!-- <div class="tcdPageCode"></div> -->
  <div class="page">{$page}</div>   
  <style type="text/css">
    .page .pagination {position:inherit;display: inline-block; padding-left: 0; margin: 20px 0 0px; border-radius: 4px; }
    .page .pagination>li {display: inline;}
    .page .pagination>li>a, .page .pagination>li>span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #78201f; text-decoration: none; background-color: #fff; border: 1px solid #ddd; cursor: pointer; margin: 0 2px;}
    .page .pagination>.active span{z-index: 3; color: #fff; cursor: default; background-color: #78201f; border-color: #78201f;} .page .pagination>.disabled span{color: #bfbfbf; cursor: not-allowed; background-color: #fff; border-color: #ddd;} 
    .page .pagination>li>a:hover{background: #78201f; color: #fff;}
  </style>
  </div>
</div>

{/block}

{block name="footer"}

{include file="common/footer"}

{/block}

{block name="script"}
{include file="common/script"}
<script>
  $(function(){
          var lis=$('.article_sub_list li');ai=lis[0];
        lis.click(function(){
                 ai.className='';
                 this.className='act';
                 ai=this;
        })
  });
</script> 
{/block}